CSSでインラインフレ〖ムを侯喇する

インラインフレ〖ムを网脱したホ〖ムペ〖ジを侯喇するには、IFRAMEタグを蝗脱し、フレ〖ム柒に山绩する柒推を侍のHTMLファイルで脱罢する涩妥があります。しかし、CSSのoverflowを蝗うと、これを1つのHTMLファイルで悸附材墙となります。なかなかユニ〖クな缄恕なので、ぜひとも活してみてください。

まずは、インラインフレ〖ム柒に山绩する柒推をDIVタグ柒に淡揭します。DIVタグ柒には、极统にHTMLタグを淡揭できるので、どんなレイアウトの柒推でも啼玛なく侯喇できると蛔いますよ。ただし、この箕爬では山绩する柒推をブロック步しただけであり、インラインフレ〖ムは侯喇されません。
<DIV> 　 ¨ ここにフレ〖ム柒に山绩する柒推を淡揭する　 ¨ </DIV>

肌に、DIVタグにスタイルシ〖トを纳裁します。ここでは、DIVタグの玻升∈width∷と光さ∈height∷を涩ず回年してください。この玻升と光さがインラインフレ〖ムのサイズとなります。そのほか、海搀の毋では2ピクセルの先俐も回年しました。ただし、DIVタグのサイズより山绩する柒推のほうが络きいため、光さ∈height∷の回年が痰浑されてしまいます。

<DIV style="width:600px; height:300px; border:solid 2px #999999;">
　 ¨
ここにフレ〖ム柒に山绩する柒推を淡揭する
　 ¨
</DIV>

DIVタグをインラインフレ〖ムのように斧せるためには、≈overflow∽のCSSを纳裁し、猛に≈scroll∽を回年します。すると、heightで回年した光さが铜跟になり、山绩しきれない婶尸はスクロ〖ルさせて山绩できるようになります。これでDIVタグを网脱したインラインフレ〖ムは窗喇です。なお、海搀毋では、先俐との粗に途球を肋けるために≈padding∽のCSSも纳裁しておきました。

<DIV style="width:600px; height:300px; border:solid 2px #999999;
overflow:scroll; padding:10px;">
　 ¨
ここにフレ〖ム柒に山绩する柒推を淡揭する
　 ¨
</DIV>

妝揤儌僶僀儖[UNLIMIT偑崱側傜1墌] EC僫價偱億僀儞偲 Yahoo 妝揤 LINE偑僨乕僞徚旓僛儘偱寧妟500墌乣両

柍椏儂乕儉儁乕僕柍椏偺僋儗僕僢僩僇乕僪奀奜奿埨峲嬻寯夝栺庤悢椏侽墌亂偁偟偨偱傫偒亃奀奜椃峴曐尟偑柍椏両奀奜儂僥儖